{include file="frontend/$theme/header.tpl" title="header" }
<script src="{$baseurl}/javascript/product.js"></script>
<script type="text/javascript" src="{$baseurl}/javascript/jquery.lightbox-0.5.js"></script>
<link rel="stylesheet" type="text/css" href="{$baseurl}/javascript/jquery.lightbox-0.5.css" media="screen" />

<div id="main_wrapper"align="center" class="clearfix">
<div id="inner_wapr" class="clearfix"> 
	{include file="frontend/$theme/leftmenu.tpl" title="leftmenu" }
	  <div class="right_pane">
      
     
      <div class="main_product_pane">
        <div id="product_detail_dv">
          <div id="err_div" style="display:none" class="error"></div>

          <div class="left_box">&nbsp; 
          	
            {if $product.images[0].image ne '' && file_exists("`$basedir`/images/product/`$product.images[0].image`")}
                <img src="{$baseurl}/images/product/{$product.images[0].image}" />
            {else} 
                <img src="{$baseurl}/images/noimage.png" />
            {/if}
            
            {* <img src="images/product/BGPU-01.jpg" /> *}
          </div>
          <form id="product_frm" action="{$baseurl}/product.php" >
          	<input type="hidden" name="action" value="addToCart" />
          <div class="right_box">
          	<input type="hidden" name="product_id" value="{$product.product_id}" />
            <div class="fild_dv">
              {$product.name}
            </div>	
            <div class="fild_dv"><h4>$ {$product.price}</h4></div>
               
            {if $product.size_id gt 0}
            <div class="fild_dv">
            {$product.size_dropdown}
            </div> 
            {/if}
            
            <div class="fild_dv">
              Quantity : <input type="text" id="quantity" name="quantity" style="width:70px" />
            </div>
             {if $product.color ne '' }
            <div class="fild_dv">
             Color : {$product.color} 
            </div>
            {/if}
            <div class="fild_dv">
              <a href="javascript:void(0)" onclick="addToCart();" title="Add to cart"><img src="{$imgurl}/add_to_card.png"></a>
            </div>
            <div class="clr"></div>
            <div class="product_desc">{$product.description}</div>
          </div> <!--end right box div-->
          </form>
        </div>
        <div id="produt_thum">
        	{foreach from=$product.images item=row}
 	            {if $row.thumb_image ne '' && file_exists("`$basedir`/images/product/`$row.thumb_image`")}
                    <a title="{$product.name}" href="{$baseurl}/images/product/{$row.image}"><img src="{$baseurl}/images/product/{$row.thumb_image}" /></a>
                {else} 
                    {* <img height="149" width="153" src="{$baseurl}/images/noimage.png" /> *}
                {/if}
            {/foreach}
        </div>
      </div>
     
      
      
      
      
      {*
      	<div class="main_product_pane">
          <div class="product_dateil"> <img src="{$baseurl}/images/product/{$product.large_image}">
            {if $product.size_id gt 0}
                <p>Size : {$product.size_dropdown}</p>
            {/if}
            <p>Color : {$product.color}</p>
	        <p>Price : {$product.price}</p>
            <p>Quantity : <input type="text" style="width:70px" /></p>
            <input type="image" src="{$imgurl}/add_to_card.png">
          </div>
          <div class="product_datril_thum">
          	{foreach from=$product.images item=row}
        		<img src="{$baseurl}/images/product/{$row.image}"> 
        	{/foreach}
        </div>
      
      	  
        
	    {$product.name}
		
        
        <p>Quantity : <input type="text" style="width:70px" /></p>
        <p>Color : {$product.color}</p>
        {if $product.size_id gt 0}
           <p>Size : {$product.size_dropdown}</p>
        {/if}
        <p>Price : {$product.price}</p>
        <p> <a href="javascript:void(0)" title="Add to cart"><img src="{$imgurl}/add_to_card.png"></a> </p>
        
        <p>Description : {$product.description}</p>
        <p>&nbsp;</p>
        
        {foreach from=$product.images item=row}
        	{$row.image} <br />
        {/foreach}
        *}
      
        <div class="clr">&nbsp;</div>
  </div>
</div>
{include file="frontend/$theme/footer.tpl" title="footer" }
<script>
{literal}
	$(function() {
        $('#produt_thum a').lightBox();
    });

{/literal}
</script>
